<template>
  <view class="detail">
    <view class="content">
      <view class="img">
        <image src="../../../static/logo.png" mode="" class="image"></image>
      </view>
      <view class="money">
        ￥9999.00
      </view>
      <view class="status" v-if="type != 0">
        审批中
      </view>
      <view class="text_all">
        <span class="span1">提现类型</span>
        <span class="span2">支付宝（12345@qq。com）</span>
      </view>
      <view class="text_all" v-if="type == 0">
        <span class="span1">当前状态</span>
        <span class="span2">处理中</span>
      </view>
      <view class="text_all">
        <span class="span1">申请时间</span>
        <span class="span2">2023-04-07 15:29:02</span>
      </view>
      <view class="text_all">
        <span class="span1">订单编号</span>
        <span class="span2">91823718273189237</span>
      </view>
      <!-- 提现成功 -->
      <view class="success" v-if="type != 0">
        到账后可以在支付宝我的账单里查看相关记录
      </view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue'
  const type = ref(1)
  if (type.value == 1) {
    uni.setNavigationBarTitle({
      title: '提现成功'
    })
  } else {
    uni.setNavigationBarTitle({
      title: '提现详情'
    })
  }
</script>

<style lang="scss" scoped>
  .detail {
    .content {
      padding-bottom: 60rpx;
      background-color: #fff;
      overflow: hidden;
    }

    .img {
      margin: 30rpx auto 15rpx;
      text-align: center;
    }

    .image {
      width: 100rpx;
      height: 100rpx;
    }

    .money {
      margin-top: 0rpx;
      margin-bottom: 90rpx;
      font-size: 28rpx;
      text-align: center;
    }

    .status {
      margin-top: -80rpx;
      margin-bottom: 80rpx;
      font-size: 28rpx;
      text-align: center;
    }

    .text_all {
      font-size: 24rpx;
      line-height: 50rpx;

      .span1 {
        margin-left: 80rpx;
      }

      .span2 {
        margin-left: 100rpx;
      }
    }

    .success {
      font-size: 24rpx;
      line-height: 80rpx;
      color: #AAAAAA;
      text-align: center;
    }
  }
</style>